<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,user-scalable=yes" />
		<meta name="Keywords" content="shop" />
		<meta name="Description" content="shop" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/classify.css" />

		<title>分类</title>
	</head>

	<body>
		<div class="web clear_fix">
			<!--头部S-->
			<header class="clear_fix">
				<div class="csf_header_left fl">
					<button>Back</button>
				</div>
				<div class="header_right fr">
					<select name="">
						<option value="">广州市</option>
						<option value="">深圳市</option>
						<option value="">珠海市</option>

					</select>
				</div>
				<div class="header_tit">分类</div>
			</header>
			<!--头部E-->
			<!--主体S-->
			<section>
				<input type="radio" name="type" value="1" id="food" checked hidden/>
				<input type="radio" name="type" value="1" id="movie" hidden/>
				<input type="radio" name="type" value="1" id="sport" hidden/>
				<input type="radio" name="type" value="1" id="sing" hidden/>
				<div class="lunbo_box">
					<div class="lunbotu">

						<ul class="lunbo clear_fix">
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (1).png" /></p>
								<p>美食</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (1).png" /></p>
								<p>美食</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (1).png" /></p>
								<p>美食</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (1).png" /></p>
								<p>美食</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (4).png" /></p>
								<p>电影</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (4).png" /></p>
								<p>电影</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (4).png" /></p>
								<p>电影</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (4).png" /></p>
								<p>电影</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (3).png" /></p>
								<p>运动</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (3).png" /></p>
								<p>运动</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (3).png" /></p>
								<p>运动</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (3).png" /></p>
								<p>运动</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (2).png" /></p>
								<p>唱歌</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (2).png" /></p>
								<p>唱歌</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (2).png" /></p>
								<p>唱歌</p>
							</li>
							<li class="lunbo_type fl">
								<p><img src="img/classify/classify (2).png" /></p>
								<p>唱歌</p>
							</li>
						</ul>
					</div>
				</div>

				<div class="control">
					<label for="food"><i class="iconfont icon-shixinyuan ct_yuan yuan1"></i></label>
					<label for="movie"><i class="iconfont icon-shixinyuan ct_yuan yuan2"></i></label>
					<label for="sport"><i class="iconfont icon-shixinyuan ct_yuan yuan3"></i></label>
					<label for="sing"><i class="iconfont icon-shixinyuan ct_yuan yuan4"></i></label>
				</div>
				<div class="banner clear_fix">
					<div class="more fr">
						<a href="details.html">更多<i class="iconfont icon-youjiantouyuan-copy toright"></i></a>
					</div>
					<i class="iconfont icon-meishi banner_hua type_icon"></i><span>美食类</span>
				</div>
				<div class="type_img clear_fix">
					<div class="img1 fl"><img src="img/classify/foods (1).png" /></div>
					<div class="img2 fl"><img src="img/classify/foods (2).png" /></div>
					<div class="img3 fl"><img src="img/classify/foods (3).png" /></div>
					<div class="img4 fl"><img src="img/classify/foods (4).png" /></div>
				</div>
				<div class="banner clear_fix">
					<div class="more fr">
						<a href="details.html">更多<i class="iconfont icon-youjiantouyuan-copy toright"></i></a>
					</div>
					<i class="iconfont icon-yundongyuan banner_hua type_icon"></i><span>运动类</span>
				</div>
				<div class="type_img clear_fix">
					<div class="img1 fl"><img src="img/classify/soprt (1).png" /></div>
					<div class="img2 fl"><img src="img/classify/soprt (2).png" /></div>
					<div class="img3 fl"><img src="img/classify/soprt (3).png" /></div>
					<div class="img4 fl"><img src="img/classify/soprt (4).png" /></div>
				</div>
				<div class="banner clear_fix">
					<div class="more fr">
						<a href="details.html">更多<i class="iconfont icon-youjiantouyuan-copy toright"></i></a>
					</div>
					<i class="iconfont icon-dianying banner_hua type_icon"></i><span>电影类</span>
				</div>
				<div class="type_img clear_fix">
					<div class="img1 fl"><img src="img/classify/movie (1).png" /></div>
					<div class="img2 fl"><img src="img/classify/movie (1).png" /></div>
					<div class="img3 fl"><img src="img/classify/movie (2).png" /></div>
					<div class="img4 fl"><img src="img/classify/movie (2).png" /></div>
				</div>

			</section>
			<!--主体E-->
			<!--尾部S-->
			<footer>
				<ul class="clear_fix">
					<li class="fl">
						<a href="index.html">
							<i class="iconfont icon-home my_icon"></i>
							<p>首页</p>
						</a>
					</li>
					<li class="fl">
						<a href="classify.html">
							<i class="iconfont icon-leimupinleifenleileibie my_icon"></i>
							<p>分类</p>
						</a>
					</li>
					<li class="fl">
						<a href="discover.html">
							<i class="iconfont icon-xuyaodaosvg1zhuanhuan my_icon"></i>
							<p>发现</p>
						</a>
					</li>
					<li class="fl">
						<a href="personal.html">
							<i class="iconfont icon-wode1 my_icon"></i>
							<p>我的</p>
						</a>
					</li>
				</ul>
			</footer>
			<!--尾部E-->
		</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>